<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<from action="#" method="get">
    <label for="username">用户名：</label> <input type="text" name="username" placeholder="请输入用户名" id="username"><br>
    <!-- 会将用户输入的数据自动拼接到username和password后面-->
    密码： <input type="password" name="password" placeholder="请输入密码"><br>
    性别： <input type="radio" name="gender" value="male">男
    <input type="radio" name="gender" value="female">女
    <br>
    爱好： <input type="checkbox" name="hobby" value="shopping">逛街
    <input type="checkbox" name="hobby" value="eat">吃饭
    <input type="checkbox" name="hobby" value="study">学习
    <br>
    请选择你的头像：<input type="file" name="file"><br>
    隐藏域：<input type="hidden" name="id" value="隐藏提交的内容">
    <br>
    省份：<select name="province">
        <option>---请选择---</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3" selected>纽约</option><!--默认选中的内容-->
    </select>
    <br>
    自我描述：
    <textarea cols="20" rows="5" name="des"></textarea><!--默认每行20个字符，5行-->
    <br>
    <input type="submit" value="登录"><!--<定义登录按钮-->
    <br>
    <input type="button" value="一个按钮，用来实现按下去就有动态的效果">
    <br>
    <input type="image" src="image/1.PNG"><!-- 一点图片，自动提交-->
</from>

</body>
</html>